<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/output.css" />
    <link rel="stylesheet" href="./css/补充.css" />
    <script src="./js/vue@2.6.14.min.js"></script>
    <title>草蟒中文编程 - Python中文版</title>
    <style>
      .下拉菜单:hover .下拉菜单-内容 {
        display: block;
      }
    </style>
  </head>
  <body class="">
    <div class="粘性 上-0">
      <ul
        class="高-[40px] 弹性盒 左右对齐内容-居中 文本-岩板-300 文本-xl 字体-粗 背景-天蓝-500"
      >
        <li class="行间距-[40px] 外右-4 悬停:文本-岩板-100">
          <a href="index.html">下载安装</a>
        </li>
        <li class="行间距-[40px] 外右-4 悬停:文本-岩板-100 相对 下拉菜单">
          <a href="grasspy.html" class="">草蟒指南</a>
          <div
            class="绝对 z-1 背景-白 字体-正常 文本-岩板-600 边框 圆角 隐藏 宽-36 下拉菜单-内容"
          >
            <a href="grasspy_kw.html" class="块 悬停:背景-天蓝-400">保留字</a>
            <a href="grasspy_btinfunc.html" class="块 悬停:背景-天蓝-400"
              >内置函数</a
            >
            <a href="grasspy_exception.html" class="块 悬停:背景-天蓝-400"
              >内置异常类</a
            >
            <a href="grasspy_magic.html" class="块 悬停:背景-天蓝-400"
              >魔术属性和方法</a
            >
            <a href="grasspy_han_std.html" class="块 悬停:背景-天蓝-400"
              >已汉化标准库</a
            >
            <a href="grasspy_han_third.html" class="块 悬停:背景-天蓝-400"
              >已汉化第三方库</a
            >
          </div>
        </li>
        <li class="行间距-[40px] 外右-4 文本-白 相对 下拉菜单">
          <a href="jsweb.html">极速Web</a>
          <div
            class="绝对 z-1 背景-白 字体-正常 文本-岩板-600 边框 圆角 隐藏 宽-36 下拉菜单-内容"
          >
            <a href="jsweb_html_tag.html" class="块 悬停:背景-天蓝-400"
              >中文HTML</a
            >
            <a href="javascript:void(0);" class="块 悬停:背景-天蓝-400"
              >中文CSS</a
            >
            <a href="jsweb_jsts_kw.html" class="块 悬停:背景-天蓝-400"
              >中文JS/TS</a
            >
          </div>
        </li>
        <li class="行间距-[40px] 外右-4 悬停:文本-岩板-100">
          <a href="ccpp.html">中文C/C++</a>
        </li>
        <li class="行间距-[40px] 外右-4 悬停:文本-岩板-100">
          <a href="articles.html">存档文章</a>
        </li>
        <li class="行间距-[40px] 悬停:文本-岩板-100">
          <a href="contact.html">联系我们</a>
        </li>
      </ul>
    </div>

    <div
      class="背景-岩板-50 最小高度-[1200px] 外下-4 大:宽-[1024px] 中:宽-全 小:宽-全 外-自动 文本-居中"
    >
      <p class="文本-蓝-600 内上-12 内下-4 文本-大 字体-粗">
        CSS 属 性 中 英 对 照 表
      </p>
      <div id="属性表">
        <table>
          <tr v-for="(元素, 索引) in 属性对照表[0]">
            <!-- <单元格>{{索引}}</单元格><单元格 v-取='属性 于 元素'>{{属性}}</单元格> -->
            <td>{{索引}}</td>
            <td v-if="元素.eName">{{元素.eName}}</td>
            <td v-else="">{{元素}}</td>
          </tr>
        </table>
      </div>
    </div>

    <div class="文本-居中 背景-[#FF0000]">
      <p
        class="内y-2 文本-白 大:文本-4xl 中:文本-2xl 小:文本-xl 字体-超粗 字间距-[.25em]"
      >
        只要中文长在，必然汉魂不朽
      </p>
      <hr />
      <p class="文本-黄-200">
        &copy; 版权所有 2019-202X 草蟒极速中文编程
        <a href="https://beian.miit.gov.cn" target="_blank"
          >浙ICP备19052431号-1</a
        >
      </p>
    </div>

    <script>
      new Vue({
        el: "#\u5C5E\u6027\u8868",
        data: {
          属性对照表: [
            {
              上下对齐内容: {
                eName: "align-content",
              },

              上下对齐元素: {
                eName: "align-items",
              },

              上下对齐自身: {
                eName: "align-self",
              },

              上下对齐轨道: {
                eName: "align-tracks",
              },

              左右对齐轨道: {
                eName: "justify-tracks",
              },

              全部: {
                eName: "all",
              },

              动画延时: "animation-delay",
              动画方向: {
                eName: "animation-direction",
              },

              动画持续时间: "animation-duration",
              动画填充模式: {
                eName: "animation-fill-mode",
              },

              动画重复次数: {
                eName: "animation-iteration-count",
              },

              动画名称: "animation-name",
              动画播放状态: {
                eName: "animation-play-state",
              },

              动画时序函数: {
                eName: "animation-timing-function",
              },

              外观: {
                eName: "appearance",
              },

              纵横比: "aspect-ratio",
              后景滤镜: {
                eName: "backdrop-filter",
              },

              背面可见性: {
                eName: "backface-visibility",
              },

              背景附着: {
                eName: "background-attachment",
              },

              背景混合模式: {
                eName: "background-blend-mode",
              },

              背景裁剪: {
                eName: "background-clip",
              },

              背景颜色: {
                eName: "background-color",
              },

              背景图像: {
                eName: "background-image",
              },

              背景原点: {
                eName: "background-origin",
              },

              背景位置: {
                eName: "background-position",
              },

              背景水平位置: {
                eName: "background-position-x",
              },

              背景垂直位置: {
                eName: "background-position-y",
              },

              背景重复: {
                eName: "background-repeat",
              },

              背景大小: {
                eName: "background-size",
              },

              块大小: {
                eName: "block-size",
              },

              高度: {
                eName: "height",
              },

              宽度: {
                eName: "width",
              },

              最大高度: {
                eName: "max-height",
              },

              最大宽度: {
                eName: "max-width",
              },

              最小高度: {
                eName: "min-height",
              },

              最小宽度: {
                eName: "min-width",
              },

              边框块颜色: {
                eName: "border-block-color",
              },

              边框块样式: {
                eName: "border-block-style",
              },

              边框块宽度: {
                eName: "border-block-width",
              },

              边框块结束颜色: {
                eName: "border-block-end-color",
              },

              边框块结束样式: {
                eName: "border-block-end-style",
              },

              边框块结束宽度: {
                eName: "border-block-end-width",
              },

              边框块开始颜色: {
                eName: "border-block-start-color",
              },

              边框块开始样式: {
                eName: "border-block-start-style",
              },

              边框块开始宽度: {
                eName: "border-block-start-width",
              },

              "边框-下-颜色": {
                eName: "border-bottom-color",
              },

              "边框-下-样式": {
                eName: "border-bottom-style",
              },

              "边框-下-宽度": {
                eName: "border-bottom-width",
              },

              边框左下半径: "border-bottom-left-radius",
              边框右下半径: "border-bottom-right-radius",
              "边框-上-颜色": {
                eName: "border-top-color",
              },

              "边框-上-样式": {
                eName: "border-top-style",
              },

              "边框-上-宽度": {
                eName: "border-top-width",
              },

              边框左上半径: "border-top-left-radius",
              边框右上半径: "border-top-right-radius",
              "边框-左-颜色": {
                eName: "border-left-color",
              },

              "边框-左-样式": {
                eName: "border-left-style",
              },

              "边框-左-宽度": {
                eName: "border-left-width",
              },

              "边框-右-颜色": {
                eName: "border-right-color",
              },

              "边框-右-样式": {
                eName: "border-right-style",
              },

              "边框-右-宽度": {
                eName: "border-right-width",
              },

              边框合并: {
                eName: "border-collapse",
              },

              边框半径: "border-radius",
              "边框-结束-结束-半径": "border-end-end-radius",
              "边框-结束-开始-半径": "border-end-start-radius",
              "边框-开始-结束-半径": "border-start-end-radius",
              "边框-开始-开始-半径": "border-start-start-radius",
              边框图像超出量: "border-image-outset",
              边框图像重复: {
                eName: "border-image-repeat",
              },

              边框图像内移量: {
                eName: "border-image-slice",
              },

              边框图像来源: {
                eName: "border-image-source",
              },

              边框图像宽度: "border-image-width",
              边框行内颜色: {
                eName: "border-inline-color",
              },

              边框行内样式: {
                eName: "border-inline-style",
              },

              边框行内宽度: {
                eName: "border-inline-width",
              },

              边框行内结束颜色: {
                eName: "border-inline-end-color",
              },

              边框行内结束样式: {
                eName: "border-inline-end-style",
              },

              边框行内结束宽度: {
                eName: "border-inline-end-width",
              },

              边框行内开始颜色: {
                eName: "border-inline-start-color",
              },

              边框行内开始样式: {
                eName: "border-inline-start-style",
              },

              边框行内开始宽度: {
                eName: "border-inline-start-width",
              },

              边框间距: "border-spacing",
              下: "bottom",
              上: "top",
              左: "left",
              右: "right",
              "盒子装饰-中断": {
                eName: "box-decoration-break",
              },

              盒子阴影: {
                eName: "box-shadow",
              },

              盒子大小: {
                eName: "box-sizing",
              },

              后分: {
                eName: "break-after",
              },

              前分: {
                eName: "break-before",
              },

              内分: {
                eName: "break-inside",
              },

              // 其后分页: {
              //     eName: 'page-break-after',
              // },
              // 其前分页: {
              //     eName: 'page-break-before',
              // },
              // 内部分页: {
              //     eName: 'page-break-inside',
              // },
              表格标题位置: {
                eName: "caption-side",
              },

              文本输入光标颜色: {
                eName: "caret-color",
              },

              颜色: {
                eName: "color",
              },

              清除: {
                eName: "clear",
              },

              裁剪路径: {
                eName: "clip-path",
              },

              列数: "column-count",
              列间隙: "column-gap",
              行间隙: "row-gap",
              "列分隔线-颜色": {
                eName: "column-rule-color",
              },

              "列分隔线-样式": {
                eName: "column-rule-style",
              },

              "列分隔线-宽度": {
                eName: "column-rule-width",
              },

              列宽: "column-width",
              跨列: {
                eName: "column-span",
              },

              限制: {
                eName: "contain",
              },

              内容: {
                eName: "content",
              },

              内容可见性: {
                eName: "content-visibility",
              },

              计数器递增: "counter-increment",
              计数器重置: "counter-reset",
              计数器设置: "counter-set",
              方向: {
                eName: "direction",
              },

              浮动: {
                eName: "float",
              },

              显示: {
                eName: "display",
              },

              字体大小: {
                eName: "font-size",
              },

              字体样式: {
                eName: "font-style",
              },

              字体粗细: {
                eName: "font-weight",
              },

              字体族: "font-family",
              字体特性设置: {
                eName: "font-feature-settings",
              },

              字体字距: "font-kerning",
              字体语言覆盖: "font-language-override",
              字体大小调整: "font-size-adjust",
              字体伸缩: {
                eName: "font-stretch",
              },

              "字体变体-东亚": {
                eName: "font-variant-east-asian",
              },

              行高: "line-height",
              位置: {
                eName: "position",
              },

              引号: "quotes",
              可见性: {
                eName: "visibility",
              },

              溢出: {
                eName: "overflow",
              },

              溢出换行: {
                eName: "overflow-wrap",
              },

              水平溢出: {
                eName: "overflow-x",
              },

              垂直溢出: {
                eName: "overflow-y",
              },

              透视: "perspective",
              透视原点: {
                eName: "perspective-origin",
              },

              指针事件: "pointer-events",
              文本溢出: {
                eName: "text-overflow",
              },

              "列表样式-图像": {
                eName: "list-style-image",
              },

              "列表样式-位置": {
                eName: "list-style-positon",
              },

              "列表样式-类型": {
                eName: "list-style-type",
              },

              内间距: "padding",
              "内间距-上": "padding-top",
              "内间距-右": "padding-right",
              "内间距-下": "padding-bottom",
              "内间距-左": "padding-left",
              外间距: "margin",
              "外间距-上": "margin-top",
              "外间距-右": "margin-right",
              "外间距-下": "margin-bottom",
              "外间距-左": "margin-left",
              文本对齐: {
                eName: "text-align",
              },

              "文本对齐-最后一行": {
                eName: "text-align-last",
              },

              文本缩进: "text-indent",
              "文本修饰-线": {
                eName: "text-decoration-line",
              },

              "文本修饰-颜色": {
                eName: "text-decoration-color",
              },

              "文本修饰-样式": {
                eName: "text-decoration-style",
              },

              "文本修饰-粗细": {
                eName: "text-decoration-thickness",
              },

              文本齐整: {
                eName: "text-justify",
              },

              文本阴影: {
                eName: "text-shadow",
              },

              文本变换: {
                eName: "text-transform",
              },

              垂直对齐: {
                eName: "vertical-align",
              },

              过渡延时: "transition-delay",
              过渡持续时间: "transition-duration",
              过渡属性: {
                eName: "transition-property",
              },

              过渡时序函数: {
                eName: "transition-timing-function",
              },

              表格布局: {
                eName: "table-layout",
              },

              空单元格: {
                eName: "empty-cells",
              },

              标题位置: {
                eName: "caption-side",
              },

              调整大小: {
                eName: "resize",
              },

              轮廓颜色: {
                eName: "outline-color",
              },

              轮廓样式: {
                eName: "outline-style",
              },

              轮廓宽度: {
                eName: "outline-width",
              },

              轮廓偏移: "outline-offset",
              不透明度: "opacity",
              变换: {
                eName: "transform",
              },

              变换原点: {
                eName: "transform-origin",
              },

              变换样式: {
                eName: "transform-style",
              },

              平移: "translate",
              光标: {
                eName: "cursor",
              },

              空格: {
                eName: "white-space",
              },

              滤镜: {
                eName: "filter",
              },

              弹性盒扩大比例: "flex-grow",
              弹性盒缩小比例: "flex-shrink",
              弹性盒基准: {
                eName: "flex-basis",
              },

              弹性盒方向: {
                eName: "flex-direction",
              },

              弹性盒换行: {
                eName: "flex-wrap",
              },

              左右对齐内容: {
                eName: "justify-content",
              },

              放置内容: {
                eName: "place-content",
              },

              左右对齐元素: {
                eName: "justify-items",
              },

              放置元素: {
                eName: "place-items",
              },

              左右对齐自身: {
                eName: "justify-self",
              },

              放置自身: {
                eName: "place-self",
              },

              顺序: "order",
              栅格模板区域: "grid-template-areas",
              栅格模板列: {
                eName: "grid-template-columns",
              },

              栅格模板行: {
                eName: "grid-template-rows",
              },

              栅格模板: {
                eName: "grid-template",
              },

              间隙: "gap",
              栅格行开始: {
                eName: "grid-row-start",
              },

              栅格行结束: {
                eName: "grid-row-end",
              },

              栅格行: {
                eName: "grid-row",
              },

              栅格列开始: {
                eName: "grid-column-start",
              },

              栅格列结束: {
                eName: "grid-column-end",
              },

              栅格列: {
                eName: "grid-column",
              },

              栅格区域: {
                eName: "grid-area",
              },

              栅格自动流: {
                eName: "grid-auto-flow",
              },

              栅格酌定列大小: {
                eName: "grid-auto-columns",
              },

              栅格酌定行大小: {
                eName: "grid-auto-rows",
              },

              连字符: {
                eName: "hyphens",
              },

              字符间距: "letter-spacing",
              分行: {
                eName: "line-break",
              },

              对象适应: {
                eName: "object-fit",
              },

              对象位置: {
                eName: "object-position",
              },

              孤行数: "orphans",
              滚动行为: {
                eName: "scroll-behavior",
              },

              tab大小: "tab-size",
              用户选取: {
                eName: "user-select",
              },

              断字: {
                eName: "word-break",
              },

              单词间距: "word-spacing",
              书写模式: {
                eName: "writing-mode",
              },

              z轴索引: "z-index",
              旋转: "rotate",
              文本下划线偏移: "text-underline-offset",
              "统一码-双向": {
                eName: "unicode-bidi",
              },

              // 以下为简写属性: 'shorthand properties',
              动画: {
                eName: "animation",
              },

              背景: {
                eName: "background",
              },

              边框块: {
                eName: "border-block",
              },

              边框块结束: {
                eName: "border-block-end",
              },

              边框块开始: {
                eName: "border-block-start",
              },

              "边框-下": {
                eName: "border-bottom",
              },

              "边框-上": {
                eName: "border-top",
              },

              "边框-左": {
                eName: "border-left",
              },

              "边框-右": {
                eName: "border-right",
              },

              边框颜色: {
                eName: "border-color",
              },

              边框样式: {
                eName: "border-style",
              },

              边框宽度: {
                eName: "border-width",
              },

              边框: {
                eName: "border",
              },

              边框图像: {
                eName: "border-image",
              },

              边框行内: {
                eName: "border-inline",
              },

              边框行内结束: {
                eName: "border-inline-end",
              },

              边框行内开始: {
                eName: "border-inline-start",
              },

              列分隔线: {
                eName: "column-rule",
              },

              列表样式: {
                eName: "list-style",
              },

              文本修饰: {
                eName: "text-decoration",
              },

              过渡: {
                eName: "transition",
              },

              轮廓: {
                eName: "outline",
              },

              字体: {
                eName: "font",
              },

              弹性盒: {
                eName: "flex",
              },

              弹性盒流: {
                eName: "flex-flow",
              },

              栅格: {
                eName: "grid",
              },

              内容背景混合模式: {
                eName: "mix-blend-mode",
              },
            },
          ],
        },
      });
    </script>
  </body>
</html>
